font - family

С			Chrome		Opera			Safari			Firefox
7.0	8.0	9.0	7.0	8.0	9.6	10.0	10.0	3.1	4.0	5.0	3.0	3.6	4.0
Помилка	Так	Так	Так	Так	Так	Так	Так	Так	Так	Так	Так	Так	Так

Коротка інформація

CSS	CSS1, CSS2
Значення за умовчанням	Шрифт, встановлений у браузері за умовчанням. Зазвичай це Times New Roman.
Наслідує	Так
Застосовується	До усіх елементів
Аналог HTML	<font face=".".>
Посилання на специфікацію	http://www.w 3.org/TR/CSS21/fonts.html#propdef - font - family

Опис

Встановлює сімейство шрифту, яке використовуватиметься для оформлення тексту вмісту. Список шрифтів може включати одно або декілька назв, розділених комі. Якщо в імені шрифту містяться пропуски, наприклад, Trebuchet MS, воно повинне полягати в одинарні або подвійні лапки.

Коли браузер зустрічає перший шрифт в списку, він перевіряє його наявність на комп'ютері користувача. Якщо такого шрифту немає, береться наступне ім'я із списку і також аналізується на присутність. Тому декілька шрифтів збільшує вірогідність, що хоч би один з них буде виявлений на клієнтському комп'ютері. Закінчують список зазвичай ключовим словом, яке описує тип шрифту, - serif, sans - serif, cursive, fantasy або monospace. Таким чином, послідовність шрифтів краще починати з екзотичних типів і закінчувати узагальненим ім'ям, яке задає вид зображення.

Синтаксис

font - family: ім'я шрифту [, ім'я шрифту[, ..]] | inherit

Значення

Будь-яка кількість імен шрифтів розділених комами. Універсальні сімейства шрифтів :

serif - шрифти із зарубками (антиквенные), типу Times;
sans - serif - рубані шрифти (шрифти без зарубок або гротески), типовий представник - Arial;
cursive - курсивні шрифти;
fantasy - декоративні шрифти;
monospace - моноширинні шрифти, ширина кожного символу в такому сімействі однакова (шрифт Courier).

inherit Наслідує значення батька.

Приклад

HTML 4.01CSS 2.1IE 6IE 7IE 8Op 9.5Sa 3.1Ff 2.0Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

<html>

  <head>

    <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

    <title>font - family</title>

    <style type="text/css">

      H1 {

        font - family: Geneva, Arial, Helvetica, sans - serif;

P {

        font - family: Georgia, 'Times New Roman ', Times, serif;

    </style>

  </head>

  <body>

  <h1>Луцький національний техніний університет</h1>

  <p> Луцький національний техніний університет є одним із найкращих професійних закладів освіти у місті Луцьку.

  Найкращою з підготовки спеціалістів є кафедра професійного навчання, що займається професійною підготовкою студентів.    .</p>

  </body>

</html>

Результат цього прикладу показаний ні мал. 1.

Мал. 1. Застосування властивості font - family

Об'єктна модель

[window.]document.getElementById("elementID").style.fontFamily

Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.